<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>用户登录</title>
    <link rel="stylesheet" href="css/new_file.css" />
    <link rel="stylesheet" th:href="@{css/animate/animate.min.css}" type="text/css">
    <link rel="stylesheet" th:href="@{css/iCheck/minimal/green.css}" type="text/css">
    <link rel="stylesheet" th:href="@{css/app.css}" type="text/css">
    <link rel="stylesheet" th:href="@{css/login.css}" type="text/css">
    <script th:src="@{js/jquery.min.js}"></script>
    <script th:src="@{js/iCheck/icheck.js}"></script>
    <script th:src="@{js/bootstrap-notify/bootstrap-notify.min.js}"></script>
    <script th:src="@{js/common.js}"></script>
</head>
<body>
<div class="login-top">
    <img src="img/logo.png" width="46"  />
    <p>正立方管理系统</p>
    <div class="clear"></div>
</div>
<div class="denglu">
    <Div class="denglu-c">

        <div class="denglu-center-l">
            <img src="img/login-ch.png" />
        </div>

        <div class="denglu-center-r">
            <Div class="denglu-kuang-top">
                <p style="color: #165cd2; ">账号登录</p>
            </Div>
            <div class="yonghuming">
                <Div class="yonghuming-l"> <img src="img/zhanhao.png" /> </Div>
                <Div class="yonghuming-r">
                    <input type="text" name="username" class="shuruk-a" value="账号"  onfocus="if(this.value=='账号') {this.value='';}" onblur="if(this.value=='') {this.value='账号';}">
                </Div>
                <img class="login-img-r" src="img/login-sc.png">
            </div>
            <div class="yonghuming">
                <Div class="yonghuming-l"> <img src="img/mima.png" /> </Div>
                <Div class="yonghuming-r">
                    <input type="text" name="password" class="shuruk-a" value="密码"  onfocus="if(this.value=='密码') {this.value='';}" onblur="if(this.value=='') {this.value='密码';}">
                </Div>
                <img class="login-img-r" src="img/login-yj.png">
            </div>
            <Div class="yanzma-ss">
                <div class="yanzhenma">
                    <Div class="yanzhenma-l"> <img src="img/yanzhenma.png" /> </Div>
                    <Div class="yanzhenma-r">
                        <!--<label>验证码</label>-->
                        <!--<input type="text" name="code" style="width:50%; display:inline-block" />-->

                        <input type="text" name="code" class="yanzhenma-a" value="验证码"  onfocus="if(this.value=='验证码') {this.value='';}" onblur="if(this.value=='') {this.value='验证码';}">
                    </Div>
                </div>
                <!--<img data-th-src="@{gifCode}" id="validateCodeImg" onclick="reloadCode()"  style="width:50%; display:inline-block" />-->
                <!--<img class="login-img-r" src="img/login-sx.png">-->
                <Div class="yazma"><img data-th-src="@{gifCode}" id="validateCodeImg" onclick="reloadCode()"  style="display:inline-block" /> </Div>
            </Div>
            <div class="zdongdl">
                <input type="checkbox" name="rememberme">
                记住密码
            </div>
            <button onclick="login()" id="loginButton" class="denglu-a">登录</button>
        </div>
    </Div>
</div>
<p class="banquan"> 诺基亚提供技术支持</p>
</body>
<script th:inline="javascript">
    var ctx = [[@{/}]];
</script>
<script data-th-src="@{js/app/login.js}"></script>
</html>